@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

html,
body {
	height: 100%;
}

body {
	margin: 0px;
	background-image: none;
	position: relative;
	left: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

img {
	display: block;
}

.pc-root {
	position: relative;
	width: 100%;
}

@media screen and (max-width: 1800px) {
	.pc-logo {
		width: 850px;
		height: 230px;
		position: absolute;
		top: 83%;
		left: calc((100% - 850px) / 2);
	}
	.pc-logo1 {
		position: absolute;
		left: 10px;
	}

	.pc-logo2 {
		position: absolute;
		left: 130px;
	}

	.pc-logo3 {
		position: absolute;
		left: 250px;
	}

	.pc-logo4 {
		position: absolute;
		left: 370px;
	}

	.pc-logo5 {
		position: absolute;
		left: 490px;
	}

	.pc-logo6 {
		position: absolute;
		left: 610px;
	}

	.pc-logo7 {
		position: absolute;
		left: 730px;
	}

	.div1 {
		top: 10px;
	}

	.div2 {
		top: 65px;
	}

	.div3 {
		top: 120px;
	}

	.div4 {
		top: 175px;
	}
	.pc-logo img {
		cursor: pointer;
		width:110px;
		height: 45px;
	}
	.fuji {
		width: 110px;
		height: 45px;
		transform-style: preserve-3d;
		/*景深相当于眼睛距离元素的位置距离*/
		perspective: 180px;
	}
}

@media screen and (min-width: 1800px) {
	.pc-logo {
		width: 1120px;
		height: 335px;
		position: absolute;
		top: 83%;
		left: calc((100% - 1120px) / 2);
	}
	.pc-logo1 {
		position: absolute;
		left: 12px;
	}

	.pc-logo2 {
		position: absolute;
		left: 170px;
	}

	.pc-logo3 {
		position: absolute;
		left: 328px;
	}

	.pc-logo4 {
		position: absolute;
		left: 486px;
	}

	.pc-logo5 {
		position: absolute;
		left: 644px;
	}

	.pc-logo6 {
		position: absolute;
		left: 802px;
	}

	.pc-logo7 {
		position: absolute;
		left: 960px;
	}

	.div1 {
		top: 12px;
	}

	.div2 {
		top: 92px;
	}

	.div3 {
		top: 172px;
	}

	.div4 {
		top: 252px;
	}
	.pc-logo img {
		cursor: pointer;
		width: 146px;
		height: 68px;
	}
	.fuji {
		width: 146px;
		height: 68px;
		transform-style: preserve-3d;
		/*景深相当于眼睛距离元素的位置距离*/
		perspective: 180px;
	}
}
.pc-logo .pc-logo1 div,
	.pc-logo .pc-logo2 div,
	.pc-logo .pc-logo3 div,
	.pc-logo .pc-logo4 div,
	.pc-logo .pc-logo5 div,
	.pc-logo .pc-logo6 div,
	.pc-logo .pc-logo7 div {
		position: absolute;
	}

.start {
	transition: 1s;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	transform: rotateY(90deg);
}

.end {
	z-index: 100;
	transform: rotateY(180deg);
}
.pc-icp{
	position: absolute;
	left: 0; top: 99%; right: 0; bottom: 0;
	margin: auto;
	width:850px;
	height:20px;
}

.toSupplier{
	width: 208px;
	height: 43px;
	position: absolute;
	left: 82%;
	bottom: 155.8rem;
}